<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Chris Hazekamp" />
	<meta name="description" content="{PAGE_DESCRIPTION}" />
	<meta name="keywords" content="{PAGE_KEYWORDS}" />
	<base href="{MAIN_PATH}" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />	
	<link rel="stylesheet" type="text/css" href="style.css" />
	<script type="text/javascript" src="scripts/jquery2.js"></script>
	<script type="text/javascript" src="scripts/cycle2.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('#sl-1').click(function(){
			$('.slideshow').cycle('goto', 0);	
		});
		$('#sl-2').click(function(){
			$('.slideshow').cycle('goto', 1);	
		});
		$('#sl-3').click(function(){
			$('.slideshow').cycle('goto', 2);	
		});
		$('#sl-4').click(function(){
			$('.slideshow').cycle('goto', 3);	
		});
		$('#sl-5').click(function(){
			$('.slideshow').cycle('goto', 4);	
		});	
	});
	</script>
	<title>{PAGE_TITLE} | {SITE_NAME}</title>
</head>

<body>

<header>
	<nav>
		<ul>
			<li class="home"><a href="index.php">CFH</a></li>
			<li><a href="about.php">About</a></li>
			<li><a href="blog.php">Blog</a></li>
			<li><a href="portfolio.php">Portfolio</a></li>
			<li><a href="contact.php">Contact</a></li>
		</ul>
	</nav>
</header>

<div id="content">
	<section>